<!DOCTYPE html>
<html lang="en">
<head>
    {% block head %}
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        {% if  current_user.is_authenticated%}
            <title>{{ user.name }}'s Watchlist</title>
        {% else %}
             <title>Watchlist</title>
        {% endif %}
        <link rel="icon" href="{{ url_for('static',filename='favicon.ico') }}">
        <link rel="stylesheet" href="{{ url_for('static',filename='style.css') }}" type="text/css">
    {% endblock %}
</head>
<body>
<h2>
    {% for message in get_flashed_messages() %}
        <div class="alter">{{ message }}</div>
    {% endfor %}
    <img alt="Avatar" class="avatar" src="{{ url_for('static',filename='images/avatar.png') }}">
    {{ name }}'s Watchlist
</h2>
<nav>
    <ul>
        <li><a href="{{ url_for('index') }}">Home</a></li>
        {% if current_user.is_authenticated %}
            <li><a href="{{ url_for('settings') }}">Settings</a></li>
            <li><a href="{{ url_for('logout') }}">Logout</a></li>
        {% else %}
            <li><a href="{{ url_for('login') }}">Login</a></li>
        {% endif %}
    </ul>
</nav>
{% block content %}
{% endblock %}
<footer>
    <small>&copy; 2018 <a href="http://helloflask.com/tutorial">HelloFlask</a></small>
</footer>
</body>
</html>
</html>